<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8" import="java.util.*"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title></title>
	<head>
		<LINK href="../images/main.css" type=text/css rel=stylesheet>
		<style>
</style>
		<script type="text/javascript">
 var step_url = new Array(); var step_name = new Array(); var step_tips = new Array();
     step_url[1] = '../uptest.do?bookmarkid=8'; step_name[1] = '定制条件'; step_tips[1]="<b>定制条件</b> <br> 选择或输入用户的属性，属性的具体值将组合成为自定义用户群的细分条件。并选择查询相应的数据周期。"
     step_url[2] = '../atomGet4RSModelDEF.do';  step_name[2] = '定制结果'; step_tips[2]='<b>定制结果</b> <br> 选择一个查询结果模板，以确定查询结果显示的字段，结果字段可加以调整。选择"复制条件"，则细分条件字段默认出现在查询结果中。'
     step_url[3] = '';           step_name[3] = '提交查询'; step_tips[3]="<b>提交查询</b> <br> 填写本次提取用户清单的目的，以便我们做更好的改进，确定是否添加为主题收藏，提交本次查询。"
     step_url[4] = ''; 		     step_name[4] = '查询完成'; step_tips[4]="<b>查询完成</b> <br> 查询完成，查看本次查询的汇总信息，点击加号查看过滤条件和生成的SQL，并选择是否下载用户清单或者保存用户以做更细致的分析。"
     
function stepchange(i,stat){

		var str="step"+i;
		stepobj=document.getElementById(str);
		if(stat=='on'){
			stepobj.innerHTML="<a href='"+step_url[i]+"' onclick='changetips("+i+")' target='mainFrame'> <img src='../images/step"+i+"_on.jpg' border='0' width='47' height='38' />"+step_name[i]+"</a>";
		}else{
			stepobj.innerHTML="<img src='../images/step"+i+"_off.jpg' border='0' width='47' height='38' />"+step_name[i];
		}							
}

function changetips(i){
	document.getElementById("tips").innerHTML=step_tips[i];
}
</script>
	</head>
	<body>

		<table align="left" width="700" height="96" border="0" cellpadding="0"
			cellspacing="0">
			<tr>
				<%
					String url = "";

					String kindid = (String) session.getAttribute("kindid");

					if ("2".equalsIgnoreCase(kindid)) {

						url = "../uptest.do?bookmarkid=8";

					} else {

						url = "../uptest.do?bookmarkid=1";
					}
				%>


				<td id="step1" height="38">
					<a href=<%=url%> target="mainFrame" onclick="changetips(1)"> <img
							src='../images/step1_on.jpg' border="0" width='47' height='38' />条件定制</a>
				</td>
				<td id="step2">
					<img id="step2pic" src="../images/step2_off.jpg" width="47"
						height="38" />
					定制结果
				</td>
				<td id="step3">
					<img id="step3pic" src="../images/step3_off.jpg" width="47"
						height="38" />
					提交查询
				</td>
				<td id="step4">
					<img id="step4pic" src="../images/step4_off.jpg" width="47"
						height="38" />
					查询完成
				</td>
			</tr>
			<tr>
				<td colspan="4" height="58">
					<div
						style="border: 1px orange solid; height: 40px; width: 780px; float: left;">
						<div style="float: left;">
							<img src="../images/tips.gif" height="36" width="36">
						</div>
						<div id="tips" style="width:734px; padding: 1px; float: left;">
							<b>定制条件</b>
							<br>
							选择或输入用户的属性，属性的具体值将组合成为自定义用户群的细分条件。并选择查询相应的数据周期。
						</div>
					</div>
				</td>
			</tr>
		</table>
		<%
					if (session.getAttribute("AtomList") == null
					|| ((List) session.getAttribute("AtomList")).size() == 0) {
		%>
		<script type="text/javascript">
			stepchange('2','off');
		</script>
		<%
					} else if (session.getAttribute("Outputlist") == null
					|| ((List) session.getAttribute("Outputlist")).size() == 0) {
		%>
		<script type="text/javascript">
			stepchange('2','on');
		</script>
		<%
		} else {
		%>
		<script type="text/javascript">
			stepchange('2','on')
		</script>
		<%
		}
		%>
	</body>
</html>
